<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->

  <link href="{{asset('/assets/css/output.css')}}" rel="stylesheet" />

  <title>FireFly</title>
</head>

<body class="p-10 text-[#333333] font-MundialRegular">

  <header>
    <h1 class="text-lg font-medium text-center text-nowrap">Firefly Online Booking Service</h1>

    <div class="text-right mt-20">
      <div class="flex justify-end gap-10 text-base opacity-50 mb-4 font-MundialDemibold"><a href="">Privacy</a> <a href="">Legal</a> <a href="">Terms and Conditions</a></div>
      <p class="text-sm font-medium opacity-80">&copy; FlyFirefly Sdn Bhd 199501017403(346606-K). All rights reserved.</p>
    </div>
  </header>


  <main>
    <section class="mt-20">
      <h2 class="text-2xl font-MundialDemibold mb-10">Manage Booking</h2>

      <p class="text-xl mb-2 font-MundialRegular">Your booking reference: <span class="text-theme-primary inline-flex gap-1">JCHTTK
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
        </svg>
      </span></p>
      <p class="text-xl mb-2 font-MundialRegular">Booking status: <span class="text-theme-primary">Confirmed</span></p>
      <p class="text-xl mb-2 font-MundialRegular">Booking date: <span class="text-theme-primary">Tue, 28 May 2024</span></p>


      <h2 class="text-2xl font-MundialDemibold mb-4 mt-12">Your itinerary</h2>
      <p class="opacity-70 mb-4">Departure</p>

      <div class="border border-black/15 p-0 rounded-xl max-w-screen-md">
        <div class="flex p-5 items-center">
          <p class="text-theme-primary font-medium">Macau International Airport</p>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-theme-primary font-medium mx-4 w-5 h-5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
          <p class="text-theme-primary font-medium">Tawau</p>

          <p class="ms-10 font-MundialLight text-xl">Sun, 21 Jul 2024</p>

          <button class="btn py-1 px-6 border font-MundialDemibold text-sm text-theme-primary ml-auto border-theme-primary rounded-lg">SAVER</button>
        </div>
        <hr class="border-t border-black/15">
        <div class="flex p-5 items-center">
          <div class="text-xl">
            <span class="font-MundialDemibold">00:50 -</span> <span class="font-MundialLight">NKG</span>
            <p class="text-xs font-MundialLight mt-1">Nanking/Nanjing</p>
            <p class="text-xs font-MundialLight">Airport</p>
          </div>

          <div class="text-center ml-28">
            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="w-6 h-6 mx-auto text-muted-foreground bg-white" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><g id="Plane"><path d="M11.9,20.936H10.85a.911.911,0,0,1-.9-1.023l.693-5.548H7.3l-.513.9a1.329,1.329,0,0,1-.992.657L5.1,16a.9.9,0,0,1-.8-.31.912.912,0,0,1-.185-.839l.774-2.769a.318.318,0,0,0,0-.173L4.114,9.145A.909.909,0,0,1,5.1,8l.695.083a1.331,1.331,0,0,1,.992.656l.513.9h3.34L9.946,4.088a.911.911,0,0,1,.9-1.024H11.9a1.327,1.327,0,0,1,1.236.857l2.144,5.714h1.046a8.5,8.5,0,0,1,1.758.184,2.166,2.166,0,0,1,1.429.9,2.209,2.209,0,0,1,.365,1.7A2.288,2.288,0,0,1,17.95,14.2l-.16.024a10.926,10.926,0,0,1-1.721.137h-.787l-2.144,5.714A1.327,1.327,0,0,1,11.9,20.936Zm-.951-1H11.9a.323.323,0,0,0,.3-.209l2.214-5.905a.71.71,0,0,1,.661-.457h.991a9.946,9.946,0,0,0,1.567-.125l.16-.025a1.3,1.3,0,0,0,1.1-.979,1.227,1.227,0,0,0-.2-.937,1.2,1.2,0,0,0-.793-.5,7.647,7.647,0,0,0-1.577-.167h-1.25a.711.711,0,0,1-.661-.456L12.2,4.273a.323.323,0,0,0-.3-.209h-.951l.722,5.778a.7.7,0,0,1-.7.793H7.127a.7.7,0,0,1-.614-.359l-.6-1.045a.32.32,0,0,0-.241-.16L5.113,9l.738,2.64a1.34,1.34,0,0,1,0,.711L5.113,15l.562-.067a.32.32,0,0,0,.241-.16l.6-1.049a.7.7,0,0,1,.612-.355h3.846a.7.7,0,0,1,.7.794ZM7.386,14.212l0,.005Zm3.295-.179v0Zm0-4.067v0Zm-3.3-.186,0,0Z"></path></g></svg>

            <p class="text-xs font-MundialLight">Non-Stop, 5 h</p>
          </div>

          <div class="text-xl ml-12">
            <span class="font-MundialDemibold">05:50 -</span> <span class="font-MundialLight">TWU</span>
            <p class="text-xs font-MundialLight">Tawau</p>
          </div>

          <div class="text-xl ml-12 flex gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#303030" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plane-takeoff w-4 h-4"><path d="M2 22h20"></path><path d="M6.36 17.4 4 17l-2-4 1.1-.55a2 2 0 0 1 1.8 0l.17.1a2 2 0 0 0 1.8 0L8 12 5 6l.9-.45a2 2 0 0 1 2.09.2l4.02 3a2 2 0 0 0 2.1.2l4.19-2.06a2.41 2.41 0 0 1 1.73-.17L21 7a1.4 1.4 0 0 1 .87 1.99l-.38.76c-.23.46-.6.84-1.07 1.08L7.58 17.2a2 2 0 0 1-1.22.18Z"></path></svg>
            <p class="text-xs font-MundialLight">FY_3831</p>
          </div>


          <button class="btn font-medium text-sm text-theme-primary ml-auto flex gap-1 items-center">
            <span>View Details</span>
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5 ml-2"><path d="m9 18 6-6-6-6"></path></svg>
          </button>
        </div>
      </div>


      <h2 class="text-2xl font-MundialDemibold mb-4 mt-12">Passengers</h2>

      <div class="border border-black/15 py-8 px-12 rounded-xl max-w-screen-md flex items-center mb-2">
        <p class="opacity-40">YS</p>
        <p class="mr-auto ml-8 font-MundialDemibold">Miss YANG SHUXUAN <span class="font-MundialLight">(Adult)</span></p>

        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="w-[20px] text-[#333] rotate-180" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z"></path></svg>
      </div>

      <div class="border border-black/15 py-8 px-12 rounded-xl max-w-screen-md flex items-center">
        <p class="opacity-40">HC</p>
        <p class="mr-auto ml-8 font-MundialDemibold">Mr. HU CHENG <span class="font-MundialLight">(Adult)</span></p>

        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="w-[20px] text-[#333] rotate-180" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z"></path></svg>
      </div>


      <h2 class="text-2xl font-MundialDemibold mb-4 mt-12">Contact information</h2>

      <div class="border border-black/15 py-5 pl-6 pr-12 rounded-xl max-w-screen-md flex items-center">
        <p class="mr-auto font-MundialDemibold">YANGYUJIE YANGYUJIE</p>

        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="w-[20px] text-[#333] rotate-180" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z"></path></svg>
      </div>


      <h2 class="text-2xl font-MundialDemibold mb-4 mt-12">Extra services</h2>

      <div class="border border-black/15 p-8 rounded-xl max-w-screen-md mb-7">
        <div class="flex gap-6 mb-8">
          <svg xmlns="http://www.w3.org/2000/svg" width="26" height="29" viewBox="0 0 26 29" fill="none">
            <path d="M2.5 8.32031C2.5 8.8125 2.60938 9.30469 2.82812 9.79688L3.375 11H19.125C19.5625 11 20 11.4375 20 11.875C20 12.3672 19.5625 12.75 19.125 12.75H4.19531L5.39844 15.375H24.375C24.6484 15.375 24.9219 15.5391 25.0859 15.7578C25.25 15.9766 25.25 16.3047 25.1953 16.5781L23.6094 20.9531C23.1172 22.3203 21.8047 23.25 20.3281 23.25H14.75V26.75H20.875C21.3125 26.75 21.75 27.1875 21.75 27.625C21.75 28.1172 21.3125 28.5 20.875 28.5H6.875C6.38281 28.5 6 28.1172 6 27.625C6 27.1875 6.38281 26.75 6.875 26.75H13V23.25H9.9375C8.24219 23.25 6.71094 22.2656 6 20.7344L1.24219 10.5078C0.914062 9.85156 0.75 9.08594 0.75 8.32031V1.375C0.75 0.9375 1.13281 0.5 1.625 0.5C2.0625 0.5 2.5 0.9375 2.5 1.375V8.32031ZM20.3281 21.5C21.0391 21.5 21.6953 21.0625 21.9688 20.3516L23.1172 17.125H6.21875L7.58594 20.0234C8.02344 20.9531 8.95312 21.5 9.9375 21.5H20.3281Z" fill="#FF890F"/>
            </svg>

            <div class="">
              <h5 class="font-MundialDemibold text-lg">Seat selection</h5>
              <p class="opacity-90">Your selected seats</p>
            </div>
        </div>
        <div class="border border-black/10 px-6 py-6 rounded-xl max-w-screen-md">
          <div class="flex gap-3 items-center font-MundialDemibold text-base border-b border-black/30 pb-4 mb-2">
            <svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none">
              <g clip-path="url(#clip0_238_13060)">
              <path d="M15.5242 6.82031C15.7429 7.06641 15.907 7.39453 15.907 7.75C15.907 8.48828 15.3054 9.0625 14.7585 9.39062C14.1843 9.71875 13.446 9.9375 12.8992 9.9375H10.1375L7.78589 14.0938C7.53979 14.5039 7.10229 14.75 6.63745 14.75H5.1062C4.50464 14.75 4.09448 14.2031 4.25854 13.6562L5.32495 9.9375H3.87573L2.80933 11.3594C2.64526 11.5781 2.39917 11.6875 2.12573 11.6875H0.977295C0.512451 11.6875 0.156982 11.332 0.156982 10.8672C0.156982 10.8125 0.156982 10.7305 0.184326 10.6484L1.00464 7.75L0.184326 4.87891C0.156982 4.79688 0.156982 4.71484 0.156982 4.63281C0.156982 4.19531 0.512451 3.8125 0.977295 3.8125H2.12573C2.39917 3.8125 2.64526 3.94922 2.80933 4.16797L3.87573 5.5625H5.32495L4.25854 1.87109C4.09448 1.32422 4.50464 0.75 5.1062 0.75H6.63745C7.10229 0.75 7.53979 1.02344 7.78589 1.43359L10.1375 5.5625H12.8992C13.446 5.5625 14.1843 5.80859 14.7585 6.16406C15.032 6.32812 15.3328 6.54688 15.5242 6.82031ZM14.2937 6.90234C13.8289 6.62891 13.2546 6.4375 12.8992 6.4375H9.89136C9.72729 6.4375 9.59058 6.35547 9.50854 6.21875L7.02026 1.87109C6.93823 1.73438 6.80151 1.625 6.63745 1.625H5.1062L6.30933 5.89062C6.36401 6.02734 6.33667 6.16406 6.25464 6.27344C6.17261 6.38281 6.03589 6.4375 5.89917 6.4375H3.65698C3.49292 6.4375 3.38354 6.38281 3.30151 6.27344L2.12573 4.6875H1.03198L1.87964 7.64062C1.90698 7.72266 1.90698 7.80469 1.87964 7.88672L1.03198 10.8125H2.12573L3.30151 9.25391C3.38354 9.14453 3.49292 9.0625 3.65698 9.0625H5.89917C6.03589 9.0625 6.17261 9.14453 6.25464 9.25391C6.33667 9.36328 6.36401 9.5 6.30933 9.63672L5.1062 13.875H6.63745C6.80151 13.875 6.93823 13.793 7.02026 13.6562L9.50854 9.30859C9.59058 9.17188 9.72729 9.0625 9.89136 9.0625H12.8992C13.2546 9.0625 13.8289 8.92578 14.2937 8.625C14.7859 8.32422 15.032 8.02344 15.032 7.75C15.032 7.64062 14.9773 7.50391 14.8406 7.36719C14.7312 7.20312 14.5398 7.03906 14.2937 6.90234ZM7.40308 1.65234L7.02026 1.87109L7.40308 1.65234Z" fill="#333333"/>
              </g>
              <defs>
              <clipPath id="clip0_238_13060">
              <rect width="16" height="16" fill="white" transform="translate(0.0319824)"/>
              </clipPath>
              </defs>
            </svg>
            <span>Nanking/Nanjing Airport (NKG) to Tawau (TWU)</span>
          </div>

          <div class="py-3 px-0 rounded-xl flex items-center">
            <p class="opacity-40">YS</p>
            <p class="ml-8 font-MundialDemibold w-96">YANG SHUXUAN <span class="font-MundialLight block text-sm opacity-60">Adult</span></p>

            <div class="">
              <p class="text-theme-primary">Not Assigned</p>
            </div>
          </div>
          <div class="pt-3 px-0 rounded-xl flex items-center">
            <p class="opacity-40">YS</p>
            <p class="ml-8 font-MundialDemibold w-96">YANG SHUXUAN <span class="font-MundialLight block text-sm opacity-60">Adult</span></p>

            <div class="">
              <p class="text-theme-primary">Not Assigned</p>
            </div>
          </div>
        </div>
      </div>


      <div class="border border-black/15 p-8 rounded-xl max-w-screen-md mb-7">
        <div class="flex gap-6 mb-8">
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="29" viewBox="0 0 22 29" fill="none">
            <path d="M18 7.5C19.9141 7.5 21.5 9.08594 21.5 11V23.25C21.5 25.2188 19.9141 26.75 18 26.75V27.625C18 28.1172 17.5625 28.5 17.125 28.5C16.6328 28.5 16.25 28.1172 16.25 27.625V26.75H5.75V27.625C5.75 28.1172 5.3125 28.5 4.875 28.5C4.38281 28.5 4 28.1172 4 27.625V26.75C2.03125 26.75 0.5 25.2188 0.5 23.25V11C0.5 9.08594 2.03125 7.5 4 7.5H5.75V3.125C5.75 1.70312 6.89844 0.5 8.375 0.5H13.625C15.0469 0.5 16.25 1.70312 16.25 3.125V7.5H18ZM7.5 3.125V7.5H14.5V3.125C14.5 2.6875 14.0625 2.25 13.625 2.25H8.375C7.88281 2.25 7.5 2.6875 7.5 3.125ZM19.75 23.25V11C19.75 10.0703 18.9297 9.25 18 9.25H4C3.01562 9.25 2.25 10.0703 2.25 11V23.25C2.25 24.2344 3.01562 25 4 25H18C18.9297 25 19.75 24.2344 19.75 23.25ZM15.375 18.875C15.8125 18.875 16.25 19.3125 16.25 19.75C16.25 20.2422 15.8125 20.625 15.375 20.625H6.625C6.13281 20.625 5.75 20.2422 5.75 19.75C5.75 19.3125 6.13281 18.875 6.625 18.875H15.375ZM15.375 13.625C15.8125 13.625 16.25 14.0625 16.25 14.5C16.25 14.9922 15.8125 15.375 15.375 15.375H6.625C6.13281 15.375 5.75 14.9922 5.75 14.5C5.75 14.0625 6.13281 13.625 6.625 13.625H15.375Z" fill="#FF890F"/>
            </svg>

            <div class="">
              <h5 class="font-MundialDemibold text-lg">Extra baggage</h5>
              <p class="opacity-90">Your baggage allowance</p>
            </div>
        </div>
        <div class="border border-black/10 px-6 py-6 rounded-xl max-w-screen-md">
          <div class="flex gap-3 items-center font-MundialDemibold text-base border-b border-black/30 pb-4 mb-2">
            <svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none">
              <g clip-path="url(#clip0_238_13060)">
              <path d="M15.5242 6.82031C15.7429 7.06641 15.907 7.39453 15.907 7.75C15.907 8.48828 15.3054 9.0625 14.7585 9.39062C14.1843 9.71875 13.446 9.9375 12.8992 9.9375H10.1375L7.78589 14.0938C7.53979 14.5039 7.10229 14.75 6.63745 14.75H5.1062C4.50464 14.75 4.09448 14.2031 4.25854 13.6562L5.32495 9.9375H3.87573L2.80933 11.3594C2.64526 11.5781 2.39917 11.6875 2.12573 11.6875H0.977295C0.512451 11.6875 0.156982 11.332 0.156982 10.8672C0.156982 10.8125 0.156982 10.7305 0.184326 10.6484L1.00464 7.75L0.184326 4.87891C0.156982 4.79688 0.156982 4.71484 0.156982 4.63281C0.156982 4.19531 0.512451 3.8125 0.977295 3.8125H2.12573C2.39917 3.8125 2.64526 3.94922 2.80933 4.16797L3.87573 5.5625H5.32495L4.25854 1.87109C4.09448 1.32422 4.50464 0.75 5.1062 0.75H6.63745C7.10229 0.75 7.53979 1.02344 7.78589 1.43359L10.1375 5.5625H12.8992C13.446 5.5625 14.1843 5.80859 14.7585 6.16406C15.032 6.32812 15.3328 6.54688 15.5242 6.82031ZM14.2937 6.90234C13.8289 6.62891 13.2546 6.4375 12.8992 6.4375H9.89136C9.72729 6.4375 9.59058 6.35547 9.50854 6.21875L7.02026 1.87109C6.93823 1.73438 6.80151 1.625 6.63745 1.625H5.1062L6.30933 5.89062C6.36401 6.02734 6.33667 6.16406 6.25464 6.27344C6.17261 6.38281 6.03589 6.4375 5.89917 6.4375H3.65698C3.49292 6.4375 3.38354 6.38281 3.30151 6.27344L2.12573 4.6875H1.03198L1.87964 7.64062C1.90698 7.72266 1.90698 7.80469 1.87964 7.88672L1.03198 10.8125H2.12573L3.30151 9.25391C3.38354 9.14453 3.49292 9.0625 3.65698 9.0625H5.89917C6.03589 9.0625 6.17261 9.14453 6.25464 9.25391C6.33667 9.36328 6.36401 9.5 6.30933 9.63672L5.1062 13.875H6.63745C6.80151 13.875 6.93823 13.793 7.02026 13.6562L9.50854 9.30859C9.59058 9.17188 9.72729 9.0625 9.89136 9.0625H12.8992C13.2546 9.0625 13.8289 8.92578 14.2937 8.625C14.7859 8.32422 15.032 8.02344 15.032 7.75C15.032 7.64062 14.9773 7.50391 14.8406 7.36719C14.7312 7.20312 14.5398 7.03906 14.2937 6.90234ZM7.40308 1.65234L7.02026 1.87109L7.40308 1.65234Z" fill="#333333"/>
              </g>
              <defs>
              <clipPath id="clip0_238_13060">
              <rect width="16" height="16" fill="white" transform="translate(0.0319824)"/>
              </clipPath>
              </defs>
            </svg>
            <span>Nanking/Nanjing Airport (NKG) to Tawau (TWU)</span>
          </div>

          <div class="py-3 px-0 rounded-xl flex items-center">
            <p class="opacity-40">YS</p>
            <p class="ml-8 font-MundialDemibold w-96">YANG SHUXUAN <span class="font-MundialLight block text-sm opacity-60">Adult</span></p>

            <div class="">
              <p class="font-MundialLight">Baggage 20kg Free</p>
              <p class="font-MundialLight text-sm opacity-60">USD 0.00</p>
            </div>
          </div>
          <div class="pt-3 px-0 rounded-xl flex items-center">
            <p class="opacity-40">YS</p>
            <p class="ml-8 font-MundialDemibold w-96">YANG SHUXUAN <span class="font-MundialLight block text-sm opacity-60">Adult</span></p>

            <div class="">
              <p class="font-MundialLight">Baggage 20kg Free</p>
              <p class="font-MundialLight text-sm opacity-60">USD 0.00</p>
            </div>
          </div>
        </div>
      </div>


      <div class="border border-black/15 p-8 rounded-xl max-w-screen-md mb-7">
        <div class="flex gap-6 mb-8">
          <svg xmlns="http://www.w3.org/2000/svg" width="26" height="29" viewBox="0 0 26 29" fill="none">
            <path d="M12.8359 8.70312C13 9.41406 13 10.125 12.8906 10.7812C12.7266 11.4922 12.3984 12.1484 11.9609 12.6953C11.5234 13.2422 10.9219 13.6797 10.2656 14.0078C9.60938 14.3359 8.89844 14.5 8.13281 14.5H7.75V27.625C7.75 27.8438 7.64062 28.0625 7.47656 28.2266C7.3125 28.3906 7.09375 28.5 6.875 28.5C6.60156 28.5 6.38281 28.3906 6.21875 28.2266C6.05469 28.0625 6 27.8438 6 27.625V14.5H5.5625C4.79688 14.5 4.08594 14.3359 3.42969 14.0078C2.77344 13.7344 2.17188 13.2422 1.73438 12.6953C1.29688 12.1484 0.96875 11.4922 0.804688 10.7812C0.640625 10.0703 0.695312 9.35938 0.859375 8.64844L2.0625 1.26562C2.11719 1.04688 2.22656 0.828125 2.39062 0.71875C2.60938 0.609375 2.82812 0.554688 3.04688 0.554688C3.26562 0.609375 3.48438 0.71875 3.59375 0.9375C3.75781 1.10156 3.8125 1.32031 3.75781 1.53906L2.55469 8.97656C2.44531 9.41406 2.44531 9.90625 2.5 10.3438C2.60938 10.7812 2.82812 11.2188 3.10156 11.6016C3.375 11.9297 3.75781 12.2578 4.19531 12.4766C4.63281 12.6406 5.07031 12.75 5.5625 12.75H8.13281C8.625 12.75 9.0625 12.6406 9.5 12.4219C9.9375 12.2578 10.3203 11.9297 10.5938 11.6016C10.8672 11.2188 11.0859 10.8359 11.1953 10.3984C11.25 9.90625 11.25 9.46875 11.1406 9.03125L9.9375 1.53906C9.88281 1.32031 9.9375 1.10156 10.0469 0.882812C10.2109 0.71875 10.4297 0.554688 10.6484 0.554688C10.8672 0.5 11.0859 0.554688 11.3047 0.71875C11.4688 0.828125 11.5781 1.04688 11.6328 1.26562L12.8359 8.70312ZM4.74219 10.9453C4.63281 10.8906 4.52344 10.8359 4.46875 10.7266C4.35938 10.6719 4.30469 10.5625 4.25 10.4531C4.25 10.3438 4.19531 10.2344 4.25 10.125L4.6875 1.375C4.6875 1.26562 4.6875 1.10156 4.74219 0.992188C4.79688 0.882812 4.85156 0.828125 4.90625 0.71875C5.01562 0.664062 5.125 0.609375 5.23438 0.554688C5.34375 0.5 5.45312 0.5 5.5625 0.554688C5.67188 0.554688 5.78125 0.554688 5.89062 0.609375C6 0.664062 6.10938 0.71875 6.16406 0.828125C6.27344 0.882812 6.32812 0.992188 6.38281 1.10156C6.38281 1.21094 6.4375 1.32031 6.4375 1.42969L6 10.1797C5.94531 10.3984 5.89062 10.6172 5.72656 10.7812C5.5625 10.9453 5.34375 11 5.125 11H5.07031C4.96094 11 4.85156 11 4.74219 10.9453ZM7.96875 10.7812C7.80469 10.6172 7.75 10.3984 7.75 10.1797L7.3125 1.42969C7.25781 1.21094 7.36719 0.992188 7.53125 0.828125C7.64062 0.664062 7.85938 0.554688 8.13281 0.554688C8.24219 0.5 8.35156 0.554688 8.46094 0.554688C8.57031 0.609375 8.67969 0.664062 8.73438 0.71875C8.84375 0.828125 8.89844 0.9375 8.95312 1.04688C9.00781 1.10156 9.00781 1.26562 9.0625 1.375L9.5 10.125C9.5 10.2344 9.44531 10.3438 9.44531 10.4531C9.39062 10.5625 9.33594 10.6719 9.22656 10.7266C9.17188 10.8359 9.0625 10.8906 8.95312 10.9453C8.84375 11 8.73438 11 8.625 11C8.35156 11 8.13281 10.9453 7.96875 10.7812ZM25.25 4.82031V27.5703C25.25 27.8438 25.1406 28.0625 24.9766 28.2266C24.8125 28.3906 24.5938 28.4453 24.375 28.4453C24.1016 28.4453 23.8828 28.3906 23.7188 28.2266C23.5547 28.0625 23.5 27.8438 23.5 27.5703V19.6953H19.9453C19.4531 19.6953 19.0156 19.6406 18.5781 19.4766C18.1406 19.2578 17.7578 19.0391 17.4297 18.7109C17.1016 18.3828 16.8828 17.9453 16.6641 17.5625C16.5 17.125 16.4453 16.6328 16.4453 16.1953L16.5 9.96094C16.5 7.9375 17.1016 5.96875 18.1953 4.32812C19.3438 2.63281 20.9297 1.375 22.8438 0.609375C23.0625 0.5 23.3906 0.445312 23.6641 0.5C23.9375 0.5 24.2109 0.609375 24.4297 0.773438C24.7031 0.9375 24.8672 1.15625 25.0312 1.42969C25.1406 1.64844 25.25 1.92188 25.25 2.25V4.82031ZM23.5 2.25C21.9141 2.85156 20.6016 3.89062 19.6719 5.3125C18.7422 6.67969 18.1953 8.32031 18.25 9.96094L18.1953 16.1953C18.1953 16.4688 18.25 16.6875 18.3047 16.9062C18.4141 17.125 18.5234 17.2891 18.6875 17.4531C18.8516 17.6172 19.0703 17.7266 19.2344 17.8359C19.4531 17.9453 19.7266 18 19.9453 18H23.3906L23.5 2.25Z" fill="#FF890F"/>
            </svg>

            <div class="">
              <h5 class="font-MundialDemibold text-lg">Meals</h5>
              <p class="opacity-90">Your selected meals</p>
            </div>
        </div>
        <div class="border border-black/10 px-6 py-6 rounded-xl max-w-screen-md">
          <div class="flex gap-3 items-center font-MundialDemibold text-base border-b border-black/30 pb-4 mb-2">
            <svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none">
              <g clip-path="url(#clip0_238_13060)">
              <path d="M15.5242 6.82031C15.7429 7.06641 15.907 7.39453 15.907 7.75C15.907 8.48828 15.3054 9.0625 14.7585 9.39062C14.1843 9.71875 13.446 9.9375 12.8992 9.9375H10.1375L7.78589 14.0938C7.53979 14.5039 7.10229 14.75 6.63745 14.75H5.1062C4.50464 14.75 4.09448 14.2031 4.25854 13.6562L5.32495 9.9375H3.87573L2.80933 11.3594C2.64526 11.5781 2.39917 11.6875 2.12573 11.6875H0.977295C0.512451 11.6875 0.156982 11.332 0.156982 10.8672C0.156982 10.8125 0.156982 10.7305 0.184326 10.6484L1.00464 7.75L0.184326 4.87891C0.156982 4.79688 0.156982 4.71484 0.156982 4.63281C0.156982 4.19531 0.512451 3.8125 0.977295 3.8125H2.12573C2.39917 3.8125 2.64526 3.94922 2.80933 4.16797L3.87573 5.5625H5.32495L4.25854 1.87109C4.09448 1.32422 4.50464 0.75 5.1062 0.75H6.63745C7.10229 0.75 7.53979 1.02344 7.78589 1.43359L10.1375 5.5625H12.8992C13.446 5.5625 14.1843 5.80859 14.7585 6.16406C15.032 6.32812 15.3328 6.54688 15.5242 6.82031ZM14.2937 6.90234C13.8289 6.62891 13.2546 6.4375 12.8992 6.4375H9.89136C9.72729 6.4375 9.59058 6.35547 9.50854 6.21875L7.02026 1.87109C6.93823 1.73438 6.80151 1.625 6.63745 1.625H5.1062L6.30933 5.89062C6.36401 6.02734 6.33667 6.16406 6.25464 6.27344C6.17261 6.38281 6.03589 6.4375 5.89917 6.4375H3.65698C3.49292 6.4375 3.38354 6.38281 3.30151 6.27344L2.12573 4.6875H1.03198L1.87964 7.64062C1.90698 7.72266 1.90698 7.80469 1.87964 7.88672L1.03198 10.8125H2.12573L3.30151 9.25391C3.38354 9.14453 3.49292 9.0625 3.65698 9.0625H5.89917C6.03589 9.0625 6.17261 9.14453 6.25464 9.25391C6.33667 9.36328 6.36401 9.5 6.30933 9.63672L5.1062 13.875H6.63745C6.80151 13.875 6.93823 13.793 7.02026 13.6562L9.50854 9.30859C9.59058 9.17188 9.72729 9.0625 9.89136 9.0625H12.8992C13.2546 9.0625 13.8289 8.92578 14.2937 8.625C14.7859 8.32422 15.032 8.02344 15.032 7.75C15.032 7.64062 14.9773 7.50391 14.8406 7.36719C14.7312 7.20312 14.5398 7.03906 14.2937 6.90234ZM7.40308 1.65234L7.02026 1.87109L7.40308 1.65234Z" fill="#333333"/>
              </g>
              <defs>
              <clipPath id="clip0_238_13060">
              <rect width="16" height="16" fill="white" transform="translate(0.0319824)"/>
              </clipPath>
              </defs>
            </svg>
            <span>MFM (MFM) to TWU (TWU)</span>
          </div>

          <div class="py-3 px-0 rounded-xl flex items-center">
            <p class="opacity-40">YS</p>
            <p class="ml-8 font-MundialDemibold w-96">YANG SHUXUAN <span class="font-MundialLight block text-sm opacity-60">Adult</span></p>

            <div class="">
              <p class="font-MundialLight text-sm">No Meals</p>
            </div>
          </div>
          <div class="pt-3 px-0 rounded-xl flex items-center">
            <p class="opacity-40">YS</p>
            <p class="ml-8 font-MundialDemibold w-96">YANG SHUXUAN <span class="font-MundialLight block text-sm opacity-60">Adult</span></p>

            <div class="">
              <p class="font-MundialLight text-sm">No Meals</p>
            </div>
          </div>
        </div>
      </div>


      <div class="border border-black/15 p-8 rounded-xl max-w-screen-md mb-7">
        <div class="flex gap-6 mb-8">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-8">
            <path d="M20.1562 17.3125C20.6133 17.3125 21 17.6992 20.9648 18.1914C20.9648 18.6484 20.5781 19 20.1211 19H3.80859C3.35156 19 3 18.6484 3 18.1562C3 17.6992 3.35156 17.3125 3.84375 17.3125H20.1562ZM5.8125 15.625V16.1875H4.125V15.625C4.125 11.6875 7.04297 8.41797 10.875 7.85547V7.1875H10.0312C9.53906 7.1875 9.1875 6.83594 9.1875 6.34375C9.1875 5.88672 9.53906 5.5 9.99609 5.5H13.9336C14.4258 5.5 14.8125 5.88672 14.8125 6.34375C14.8125 6.83594 14.4258 7.1875 13.9688 7.1875H13.125V7.85547C16.9219 8.41797 19.875 11.6875 19.875 15.625V16.1875H18.1875V15.625C18.1875 12.2148 15.4102 9.4375 12 9.4375C8.58984 9.4375 5.8125 12.2148 5.8125 15.625Z" fill="#FF7900"/>
            </svg>

            <div class="">
              <h5 class="font-MundialDemibold text-lg">Extra SSR</h5>
              <p class="opacity-90">Your extra services</p>
            </div>
            <button class="btn text-theme-primary flex gap-1 items-center ml-auto underline">
              <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 576 512" class="w-[14px] h-10" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path></svg>
              <span>Modify</span>
            </button>
        </div>
        <div class="border border-black/10 px-6 py-6 rounded-xl max-w-screen-md">
          <div class="flex gap-3 items-center font-MundialDemibold text-base border-b border-black/30 pb-4 mb-2">
            <svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none">
              <g clip-path="url(#clip0_238_13060)">
              <path d="M15.5242 6.82031C15.7429 7.06641 15.907 7.39453 15.907 7.75C15.907 8.48828 15.3054 9.0625 14.7585 9.39062C14.1843 9.71875 13.446 9.9375 12.8992 9.9375H10.1375L7.78589 14.0938C7.53979 14.5039 7.10229 14.75 6.63745 14.75H5.1062C4.50464 14.75 4.09448 14.2031 4.25854 13.6562L5.32495 9.9375H3.87573L2.80933 11.3594C2.64526 11.5781 2.39917 11.6875 2.12573 11.6875H0.977295C0.512451 11.6875 0.156982 11.332 0.156982 10.8672C0.156982 10.8125 0.156982 10.7305 0.184326 10.6484L1.00464 7.75L0.184326 4.87891C0.156982 4.79688 0.156982 4.71484 0.156982 4.63281C0.156982 4.19531 0.512451 3.8125 0.977295 3.8125H2.12573C2.39917 3.8125 2.64526 3.94922 2.80933 4.16797L3.87573 5.5625H5.32495L4.25854 1.87109C4.09448 1.32422 4.50464 0.75 5.1062 0.75H6.63745C7.10229 0.75 7.53979 1.02344 7.78589 1.43359L10.1375 5.5625H12.8992C13.446 5.5625 14.1843 5.80859 14.7585 6.16406C15.032 6.32812 15.3328 6.54688 15.5242 6.82031ZM14.2937 6.90234C13.8289 6.62891 13.2546 6.4375 12.8992 6.4375H9.89136C9.72729 6.4375 9.59058 6.35547 9.50854 6.21875L7.02026 1.87109C6.93823 1.73438 6.80151 1.625 6.63745 1.625H5.1062L6.30933 5.89062C6.36401 6.02734 6.33667 6.16406 6.25464 6.27344C6.17261 6.38281 6.03589 6.4375 5.89917 6.4375H3.65698C3.49292 6.4375 3.38354 6.38281 3.30151 6.27344L2.12573 4.6875H1.03198L1.87964 7.64062C1.90698 7.72266 1.90698 7.80469 1.87964 7.88672L1.03198 10.8125H2.12573L3.30151 9.25391C3.38354 9.14453 3.49292 9.0625 3.65698 9.0625H5.89917C6.03589 9.0625 6.17261 9.14453 6.25464 9.25391C6.33667 9.36328 6.36401 9.5 6.30933 9.63672L5.1062 13.875H6.63745C6.80151 13.875 6.93823 13.793 7.02026 13.6562L9.50854 9.30859C9.59058 9.17188 9.72729 9.0625 9.89136 9.0625H12.8992C13.2546 9.0625 13.8289 8.92578 14.2937 8.625C14.7859 8.32422 15.032 8.02344 15.032 7.75C15.032 7.64062 14.9773 7.50391 14.8406 7.36719C14.7312 7.20312 14.5398 7.03906 14.2937 6.90234ZM7.40308 1.65234L7.02026 1.87109L7.40308 1.65234Z" fill="#333333"/>
              </g>
              <defs>
              <clipPath id="clip0_238_13060">
              <rect width="16" height="16" fill="white" transform="translate(0.0319824)"/>
              </clipPath>
              </defs>
            </svg>
            <span>MFM (MFM) to TWU (TWU)</span>
          </div>

          <div class="py-3 px-0 rounded-xl flex items-center">
            <p class="opacity-40">YS</p>
            <p class="ml-8 font-MundialDemibold w-96">YANG SHUXUAN <span class="font-MundialLight block text-sm opacity-60">Adult</span></p>

            <div class="">
              <p class="font-MundialLight text-sm">No Meals</p>
            </div>
          </div>
          <div class="pt-3 px-0 rounded-xl flex items-center">
            <p class="opacity-40">YS</p>
            <p class="ml-8 font-MundialDemibold w-96">YANG SHUXUAN <span class="font-MundialLight block text-sm opacity-60">Adult</span></p>

            <div class="">
              <p class="font-MundialLight text-sm">No Meals</p>
            </div>
          </div>
        </div>
      </div>


      <h2 class="text-2xl font-MundialDemibold mb-2 mt-12">Contact Information</h2>

      <div class="p-4">
        <h4 class="text-2xl text-theme-primary font-MundialDemibold">YANGYUJIE YANGYUJIE</h4>
        <div class="font-MundialLight mt-3">
          <p>Sichuan Global International Travel Service Company Limited</p>
          <p>SHUYUEDONGLU 288HAO</p>
          <p>B-709</p>
          <p>610000 CHENGDU</p>
          <p><span class="w-36 inline-block">Mobile Phone</span><span class="mx-4 inline-block">:</span> <span>8618080819620</span></p>
          <p><span class="w-36 inline-block">Alternate Phone</span><span class="mx-4 inline-block">:</span> <span></span></p>
          <p><span class="w-36 inline-block">Email</span><span class="mx-4 inline-block">:</span> <span>132n99713@qq.com</span></p>
        </div>
      </div>

      <hr class="border-t border-t-black/30 my-10">

      <h2 class="text-2xl font-MundialDemibold mb-2 mt-12">Payment details</h2>

      <div class="border border-black/15 py-5 pl-6 pr-6 rounded-xl max-w-screen-md flex items-center">
        <div class="mr-auto">
          <p class="mr-auto font-MundialDemibold">Total price <span class="font-MundialLight">(including taxes, fees)</span></p>
          <h2 class="text-2xl font-MundialDemibold">USD 0.00</h2>
        </div>

        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="w-[20px] text-[#333] rotate-180" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z"></path></svg>
      </div>

    </section>

  </main>


  <footer>

  </footer>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <!-- <script src="./assets/js/main.js"></script> -->

</body>

</html>
